/**
* 登录输入注册验证码
*/
import React, { Component } from 'react';
import { View, StyleSheet, Text, TouchableOpacity } from "react-native";
import { connect } from 'react-redux';
import { create_service } from '../../redux/index.js';
import { Contract } from '../../service/index.js';
import { Colors } from '../../utils/Assets';
import { VerifyCode, ProgressView } from '../custom/index'
import { Actions } from 'react-native-router-flux';
import Toast from 'react-native-root-toast';

class PersonalReWithdrawPasswordView extends Component {

    constructor(props) {
        super(props);
        this.state = {

        }
    }

    componentWillMount() {
    }

    componentWillUnmount() {
        this.timer && clearInterval(this.timer);
    }
    onChangeVerifyCode(){
        
    }
    render() {
        return (
            <View style={styles.container}>
                <Text style={{ fontSize: 18, color: "#333333", marginTop: 80, alignSelf: 'center', fontWeight:'bold' }}>请再次输入，以确认密码</Text>
                <VerifyCode verifyCodeLength={6} onChangeText={text => this.onChangeVerifyCode(text)} style={{ marginTop: 60 }}></VerifyCode>
                <TouchableOpacity style={{ marginTop: 50, backgroundColor: '#378EFB', justifyContent: 'center', marginHorizontal: 15, paddingVertical: 15, borderRadius: 5 }} activeOpacity={0.8} onPress={() => {

                }}>
                    <Text style={{ fontSize: 15, color: "#ffffff", alignSelf: 'center' }}>完成</Text>
                </TouchableOpacity>
                <ProgressView show={this.state.loading} />
            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: Colors.white_color
    }
});
const ExportView = connect()(PersonalReWithdrawPasswordView);
module.exports.PersonalReWithdrawPasswordView = ExportView
